import { Card as SemiCard, Button, ButtonGroup, List } from "@douyinfe/semi-ui";
import { IconRefresh, IconPlusCircle, IconUpload, IconEdit, IconDelete, IconEyeOpened, IconSave, IconReply } from "@douyinfe/semi-icons";
import { Popconfirm, Card, Space, Avatar, Row, Col, Image, Tag, Modal, message, Form, Input, Table } from "antd";
import { v4 as uuidv4 } from "uuid";
import { useModel, useOutletContext, history } from "umi";
import { useReactive } from "ahooks";
import { useState, useEffect } from "react";
import React from "react";
import { format } from "timeago.js";

const DiscountPackageInformationPage = () => {
    const { selectItem, cardBodyHeight } = useOutletContext();
    const { UTCTimeToLocal } = useModel("global");
    const [form] = Form.useForm();

    const onFinish = (values) => {
        console.log(values);
    };

    return (
        <Form form={form} onFinish={onFinish} initialValues={{}} labelCol={{ span: 3 }} wrapperCol={{ span: 10 }}>
            <div style={{ height: cardBodyHeight - 45, padding: "12px 24px", overflow: "auto" }}>
                <Form.Item label="优惠套餐名称" name="appName" rules={[{ required: true }]}>
                    <Input />
                </Form.Item>
                <Form.Item label="可售数量" name="appName" rules={[{ required: true }]}>
                    <Input />
                </Form.Item>
            </div>

            <div className="flex-box" style={{ padding: "6px 12px", borderTop: "1px solid #eee" }}>
                <div style={{ fontSize: 15, lineHeight: "32px" }}> </div>
                <div>
                    <Space>
                        <Button type="primary" theme="solid" htmlType="submit" icon={<IconSave />}>
                            保存
                        </Button>
                        <Button loading={false} icon={<IconReply />} onClick={() => form.resetFields()}>
                            重置
                        </Button>
                    </Space>
                </div>
            </div>
        </Form>
    );
};

export default DiscountPackageInformationPage;
